<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>京东商城</title>
		<!--引用css中的样式-->
		<link rel="stylesheet" href="css/navBar.css" />
		
		<!--图标引入-->
		<link rel="shortcut icon" href="img/favicon.ico" /> 
		
	</head>
	<body>
		<!--顶部导航栏-->`
		<div class="nav"> <!--通栏-->
			<div class="navBar"> <!--版心-->
				<div class="navLeft">
					<div class="iconBeijing"><img src="img/position.png" /></div>
					<div class="textBeijing">北京</div>
				</div>
				<ul class="navRight">
					<li>
						<a href="#" class="login">你好，请登录&nbsp;</a>
						<a href="#" class="register">免费注册</a>
					</li>
					<li class="line"></li>
					<li><a href="#" class="order">我的订单</a></li>
					<li class="line"></li>
					<li class="liHover">
						<a href="#" class="myJD">我的京东</a>
						<div class="down"><img src="img/down.png" /></div>
					</li>
					<li class="line"></li>
					<li><a href="#" class="member">京东会员</a></li>
					<li class="line"></li>
					<li class="liHover">
						<a href="#" class="purchase">企业采购</a>
						<div class="down"><img src="img/down.png" /></div>
					</li>
					<li class="line"></li>
					<li class="liHover">
						客户服务
						<div class="down"><img src="img/down.png" /></div>
					</li>
					<li class="line"></li>
					<li class="liHover">
						网站导航
						<div class="down"><img src="img/down.png" /></div>
					</li>
					<li class="line"></li>
					<li class="liHover">手机京东</li>
				</ul>
			</div>
		</div>
		
		
		
		
		
	</body>
</html>
